@import '../../var';
.left {
    justify-content: left !important;
    box-sizing: border-box !important;
}

.header {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: $zindex-navigator;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    width: 100%;
    padding-bottom: 20px;
    background-color: $bgcolor;
    transform: translateZ(0);
    &.border {
        box-shadow: 0 1rpx lighten($border-color, 70%);
    }
    &.color {
        background-color: $ranks-bgcolor;
        &-black {
            background-color: #161616;
        }
    }
    &.transparent {
        background-color: transparent !important;
    }
}

.title {
    font-size: 32rpx;
    line-height: 44px;
    text-align: center;
}

.placeholder {
    background-color: $bgcolor;
}

.placeholderTheme {
    background: rgba(89, 205, 215, 1);
}
